<script setup></script>

<template>
  <router-view></router-view>
</template>

<style>
body {
  padding: 0;
  margin: 0;
}

/* 自定义滚动条样式 */
/* Webkit 浏览器（Chrome, Safari, Edge） */
::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
}

::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道背景色 */
}

::-webkit-scrollbar-thumb {
  background: #888; /* 滚动条滑块背景色 */
  border-radius: 4px; /* 滚动条滑块圆角 */
}

::-webkit-scrollbar-thumb:hover {
  background: #555; /* 滚动条滑块悬停时的背景色 */
}

::-webkit-scrollbar-button {
  display: none; /* 隐藏上下左右箭头 */
}

::-webkit-scrollbar-corner {
  display: none; /* 隐藏滚动条角落 */
}

/* Firefox 浏览器 */
* {
  scrollbar-width: thin; /* 滚动条宽度 */
  scrollbar-color: #888 transparent; /* 滚动条滑块颜色 滚动条轨道颜色 */
}

/* 其他浏览器（如 IE） */
/* 注意：IE 不支持自定义滚动条样式，可以考虑使用 polyfill 或其他方法 */
</style>
